<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0
        }
        
        .bghz {
            width: 1200px;
            height: 100px;
            margin: 0 auto;
            background-color: pink;
        }
        
        .logo {
            float: left;
            width: 200px;
            height: 100px;
            background-color: yellow;
            text-align: center;
            line-height: 100px;
        }
        
        .search {
            float: left;
            background-color: skyblue;
            width: 800px;
            height: 100px;
        }
        
        .search input {
            position: relative;
            top: 20px;
            left: 20px;
            padding-left: 20px;
            box-sizing: content-box;
            border: none;
            float: left;
            height: 50px;
            width: 500px;
            background-color: pink;
        }
        
        input[type=submit] {
            width: 50px;
            padding-left: 0px;
            background-color: red;
            color: white;
            font-size: 20px;
        }
        
        .clear {
            clear: both;
        }
        
        .search li {
            position: relative;
            top: 20px;
            left: 20px;
            float: left;
            list-style: none;
            margin-right: 20px;
        }
        
        .shopping {
            float: right;
            display: block;
            width: 100px;
            line-height: 100px;
            text-align: center;
            background-color: greenyellow;
        }
    </style>
</head>

<body>
    <div class="bghz">

        <div class="logo">
            这是一个logo
        </div>

        <div class="search">
            <form action="">
                <input type="text" name="text_search" required="required" placeholder="嘤嘤嘤">
                <input type="submit" name="submit">

            </form>
            <div class="clear">

            </div>

            <ul>
                <li>第1标签</li>
                <li>第2标签</li>
                <li>第3标签</li>
                <li>第4标签</li>
                <li>第5标签</li>
                <li>第6标签</li>
                <li>第7标签</li>
            </ul>
        </div>

        <span class="shopping">
            我的购物车
        </span>
    </div>
</body>

</html>